<template>
    <div class="my-panel">
        <div class="panel-heading">
            <slot name="title"></slot>
        </div>
        <div class="panel-body">
            <slot name="content"></slot>
        </div>
    </div>
</template>
<style lang="scss">
.my-panel {
    margin: 30px 0 0;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    .panel-heading {
        padding: 15px !important;
        background-color: #f9f9f9;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        border-bottom: 1px solid #ddd;
    }
    .panel-body {
        padding: 15px;
        box-sizing: border-box;
    }
}
</style>